 <template>
  <div>
    <van-cell is-link @click="showPopup">展示弹出层</van-cell>
    <van-popup v-model="show">123</van-popup>
    <van-popup
      v-model="show"
      round
      position="bottom"
      :style="{ height: '30%' }"
    />
    <van-goods-action>
      <van-goods-action-icon icon="chat-o" text="客服"  />
      <van-goods-action-icon icon="cart-o" text="购物车" @click="showPopup"/>
      <van-goods-action-icon icon="shop-o" text="店铺"  />
      <van-goods-action-button
        type="danger"
        text="立即购买"
      />
    </van-goods-action>
  </div>
</template>
 <script>
import Vue from "vue";
import { Popup } from "vant";
import { GoodsAction, GoodsActionIcon, GoodsActionButton } from "vant";
Vue.use(GoodsAction);
Vue.use(GoodsActionButton);
Vue.use(GoodsActionIcon);
Vue.use(Popup);
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
  },
  computed: {},
};
</script>
 <style lang='css'>
 .van-goods-action{
     bottom: 30px;
     z-index: 100;
 }
</style>